
/*******************动态效果************************************/


/*******************轮播图************************************/
	function rotationChart(){			//轮播图
		//从服务器获取图片
		getRotationChart();		//访问API	
	}
	function getRotationChart(){	//访问API
		request("GET", "/getRotationChart", {}, getRotationChartSuccess, getRotationChartError, true);
		function getRotationChartSuccess(responseData){
			if(responseData.code=="900")		//登录成功
			{
				var RotationChart=$("#RotationChart");
				var img=$("<img>");		//创建img标签
				var focusList=$("#focusList");	
				var td=$("<td>"),tr=$("<tr>"),table=$("<table>");
				var images=responseData.data;
				for(var i=0;i<images.length;i++){	/*添加五张图片*/
					//添加图片
					var img_clone=img.clone();
					img_clone.attr("src","static/rotation_image/"+images[i]);
					if(i!=1)	img_clone.css("display","none");
					RotationChart.append(img_clone);
					//添加焦点
					var td_clone=td.clone();
					td_clone.addClass("focus");
					td_clone.attr("background-color","red");
					tr.append(td_clone);		//行中添加格
				}
				
				table.append(tr);	//表格添加行
				table.attr("cellspacing","10");	//表格的格子间距
				focusList.append(table);	//将表格放入盒子中
		
				var index=0;		//当前焦点的索引
				$("#focusList td:eq(0)").css("background-color","ghostwhite");	//第一个焦点初始化
				
				//焦点点击效果
				$("#focusList td").click(function(){	//焦点绑定点击事件
					changeImg($(this).index());
					index=$(this).index();	
				})
					
				//轮播效果，t=2.5s
				setInterval(function(){
					index=index%images.length;
					changeImg(index);	index++;
				},2500);
			}
			else
			{
				alert(responseData.description);	
			}
		};
		function getRotationChartError(){}
	}
	
	function changeImg(index){	/*轮播图切换图片*/
		$("#RotationChart").find("img").eq(index).fadeIn(800).siblings().fadeOut(800);
		$("#focusList").find("td").eq(index).css("background-color","ghostwhite").siblings().css("background-color","gray");
	}
	/*******************轮播图************************************/
	
	
	
	
	
	
	
	
	
//	var orgNum=4;	//组织数量
//	$(function(){
//		var loveOrgPicture=$("#loveOrgPicture");	//组织头像大盒子
//		var loveOrgName=$("#loveOrgName");	//组织姓名大盒子
//		
//		for(var i=0;i<orgNum;i++){
//			var oneOrgPicture=$("<img>");	//一个组织姓名
//			var oneOrgName=$("<span>");	//一个组织姓名
//			//260表示一个盒子的宽度
//			oneOrgPicture.attr("src","static/img/orgPicture"+String(i)+".jpg").addClass("oneOrgPicture").css("left",30+i*260).show();
//			oneOrgName.text("慈善组织"+String(i+1)).addClass("oneOrgName").css("left",30+i*260);
//			
//			loveOrgPicture.append(oneOrgPicture);
//			loveOrgName.append(oneOrgName);
//		}
		
		//构建第二个盒子
		/*var loveOrgPicture_clone=loveOrgPicture.clone();
		var loveOrgName_clone=loveOrgName.clone();
		$("#orgRoll").append(loveOrgPicture_clone);
		$("#orgRoll").append(loveOrgName_clone);
		
		var x1=30,x2=orgNum*260+30;
		setInterval(function(){		//图片滑动，名字滑动
			//续到右边
			if(x1==0){
				x2=orgNum*260;
			}
			if(x2==0){
				x1=orgNum*260;
			}
			//连续滚动
			x1-=1;x2-=1;
			$("#loveOrgPicture").css("left",x1);
			$("#loveOrgName").css("left",x1);
			loveOrgPicture_clone.css("left",x2);
			loveOrgName_clone.css("left",x2);	
			
		},2)*/
		
//	})
	
	/*******************组织滚动************************************/